.main{
    .card-list{
        height: 180px;
        align-items: center;
        font-size: 32px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        .card{
            height: 180px;
            background-color: rgba(4,49,128,.6);
            color: #fff;
            font-size: 45px;
            font-weight: 700;
            text-align: center;
            width: calc(25% - 10px);
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 5px;
        }
        .red{
            background:#e74c3c;
        }
        .green{
            background:#27ae60;
        }
        .blue{
            background:#3498db;
        }
        .deongaree{
            background:#34495e;
        }
    }
    .buts{
        height: 50px;
    }
    .datav-w{
        display: flex;
        background:#333;
        font-size: 36px;
        font-weight: 700;
        flex-direction: column;
        border-radius: 5px;
        .title{
          color:#fff;
          text-indent: 20px;
          height: 60px;
          line-height: 60px;
        }
        .datav{
            width: 100%;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .search{
        display: flex;
        height: 60px;
        align-items: center;
        .block{
            margin-right: 30px;
        }
    }
}

.shadow-model{
    position: fixed;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 999;
    .close{
        position: absolute;
        right: 30px;
        top: 30px;
        color:#fff;
        transform: scale(3);
        cursor: pointer;
    }
    .add-w{
        position: absolute;
        left: 50%;
        top: 25%;
        right: 0;
        bottom: 0;
        transform: translate(-50%, -20%);
        background: #fff;
        z-index: 999;
        padding:20px;
        width: 50%;
        border-radius: 5px;
        overflow: auto;
    }
}
